<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>蓝云购物车</title>
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/pagecss.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
		$(".ly_member li").bind("click",function(){
		if($(this).hasClass("current")){
			$(this).removeClass("current");
			$(this).find(".menber_sec").addClass("hide");
			} 
    else{
					$(".ly_member li").removeClass("current");
		      $(".menber_sec").addClass("hide");
	       	$(this).addClass("current");
		      $(this).find(".menber_sec").removeClass("hide");
			}
		}) 

	})
</script>
</head>

<body>
<!--head-->
<div class="ly_head"></div>
<!--head-->
<!--main-->
<div class="ly_main">
   <div class="ly_topbanner">
      <a href="#">服务器租用</a>
      <a href="#">数据库租用</a>
      <a href="#">带宽租用</a>
      <a href="#">主机托管</a>
   </div>
  <div class="ly_main_left">
      <div class="ly_left_top">
         <h1>会员中心</h1>
         <ul class="ly_member">
            <li><a href="#">我的购物车</a></li>
            <li><a href="#">我的产品</a></li>
            <li><a href="#">我的账号</a></li>
            <li class="current member_two"><a href="#">客户服务</a>
               <div class="menber_sec">
                  <ul>
                     <li><a href="#">我的提问</a></li>
                     <li><a href="#">我的提问</a></li>
                  </ul>
               </div>
            </li>
            <li class="member_two"><a href="#">客户服务</a>
               <div class="menber_sec hide">
                  <ul>
                     <li><a href="#">我的提问2</a></li>
                     <li><a href="#">我的提问2</a></li>
                  </ul>
               </div>
            </li>
         </ul>
      </div>
      <div class="clear"></div>
    </div>
    <!--left-->
    <div class="ly_main_r">
       <p class="member_site">当前位置：首页>>会员中心</p>
      <div class="member_shop">
         <p>提示:购物车中的产品并不代表已经购买，请您尽快结算</p>
          <table cellpadding="0" cellspacing="0">
             <tr class="shop_title">
                <td colspan="7"><img src="images/center_06.png" />购物车中的产品</td>
             </tr>
            <tr class="menber_shop_bg">
                <td width="12%">产品类型</td>
                <td width="15%">产品编号</td>
                <td width="10%">产品名称</td>
                <td width="25%">描述</td>
                <td width="10%">使用时限</td>
                <td width="15%">价格</td>
                <td width="15%">操作</td>
             </tr>
             <tr>
                <td>云主机</td>
                <td>LY-000001</td>
                <td>M享主机-M2（云）</td>
                <td>cpu:1核;内存：512M</td>
               <td>1年</td>
                <td class="shop_red">￥530.00</td>
                <td><a href="#">删除</a></td>
             </tr>
             <tr class="menber_shop_bg">
                <td colspan="7" class="shop_text">金额总计：<span>530.00</span>元</td>
             </tr>
          </table>
          <p class="y"><a href="#"><img src="images/center_07.png" /></a><a href="#"><img src="images/center_08.png" /></a></p>
       </div>
	</div> 
    <!--right-->
</div>
<!--main-->
<!--foot-->
<div class="ly_foot"></div>
<!--foot-->
</body>
</html>
